<template>
  <div>
    <router-link to="CompA" class="ys1">转向A</router-link>&nbsp;
    <router-link to="CompB" class="ys1">转向B</router-link>&nbsp;这是父页面
    <!--包含子路由时，父页面设置挂载点-->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'First'
}
</script>

<!--scoped 表示只在当前页面生效，不加限制全部子路由页面也有效-->
<style scoped>

/*第二种改变样式的方式*/
/*@import "../../public/yys.css";*/

/*第一种改变样式的方式*/
/*  a {
    color:red;
    font-size: 20px;
  }*/
</style>
